<template>
	<!-- 量化分级-星级待遇 -->
	<view class="">
		<!-- 头部 -->
		<lhfj-header currentNav="3" @search="search"></lhfj-header>
		<!-- 专属服务 -->
		<view class="section">
			<view class="section-title-bar">
				<u-section title="专属服务" :right="false" :font-size="sectionFontSize" :bold="sectionBold" :show-line="false"
					:arrow="false"></u-section>
			</view>
			<view class="single-bar">
				<view class="single-item">
					<view class="text">{{zsfwData.content}}</view>
					<image :src="zsfwData.images" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		<!-- 底部 -->
		<lhfj-footer></lhfj-footer>
	</view>
</template>

<script>
	import config from "@/app.config.js";
	import DEMO_ZSFW from "@/data/demoZsfw.js";

	export default {
		data() {
			return {
				keyword: '',
				
				zsfwData: {}, // 专属服务
				
				sectionFontSize: this.$css.sectionFontSize,
				sectionBold: this.$css.sectionBold,
			}
		},
		onLoad(options = {}) {
			this.initPage(options);
		},
		methods: {
			initPage(options) {
				this.getZsfwData();
			},
			pageTo(path) {
				vk.navigateTo(path);
			},
			search(data){
				this.keyword = data.keyword;
				vk.toast('搜索关键字 = ' + this.keyword);
			},
			// 读取专属服务
			getZsfwData() {
				this.zsfwData = DEMO_ZSFW;
			},
		},
		// 监听器
		watch: {

		},
		// 计算属性
		computed: {

		},
		// 监听 - 页面下拉刷新
		onPullDownRefresh() {
			setTimeout(() => {
				this.initPage();
				uni.stopPullDownRefresh();
			}, 1000);
		},
	}
</script>

<style lang="scss">
	.single-bar .single-item{
		margin: auto;
		width: 90%;
		text-align: center;
	}
	.single-bar .single-item .text{
		text-align: left;
		font-size: 16px;
		color: #43618B;
	}
	.single-bar .single-item image{
		margin: auto;
	}
</style>